<style>
.topic-list .avatar{width:48px;height:48px;} 
.topic-list  .avatar img{
	width:48px;
	height:48px;
	border-radius:500px; 
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
}
.topic-list .i-top{float:left;margin-right:10px;padding:2px 5px;font-size:12px;background-color:#68c04a;color:#fff;border-radius:3px}
.topic-list .i-hot{float:left;margin-right:10px;padding:2px 5px;font-size:12px;background-color:#f60;color:#fff;border-radius:3px}
.topic_rank li{padding-bottom:15px}
.topic_rank li a{height:21px;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#494949; max-width:90%}
.topic_rank li a:hovher{color:#494949;}
.topic_rank .lv1,
.topic_rank .lv2,
.topic_rank .lv3{float:left;margin-right:8px;width:20px;height:20px;line-height:20px;border:1px solid #68c04a;color:#68c04a;border-radius:10px;text-align:center}
.topic_rank .lv1{background-color:#68c04a;color:#fff}
.topic_rank .lv2{background-color:#7fc965;color:#fff}
.topic_rank .topic_name{float:left;}
</style>
<div class="mgb10 hide_content" id="hot">
      <div class="sortlist">
        <h1>相关问题</h1><!--<a id="btnMoreVoice" class="pull-right f12" style="color:#494949;line-height:40px;">换一批</a>-->
      </div>
       <ul class="unstyled topic_rank mgt20">
          <volist name="data" id="vo">
										<if condition="$vo['title']">
          <li class="clearfix">
            <span class="<{$i>3?'lv3':'lv1'}>"><{$i}></span>
            <a href="<{:U('Subject/topic_info',array('topic_id'=>$vo['id']))}>" class="topic_name" title="<{$vo.title}>"><{:cutstr($vo['title'],40)}></a>
          </li>
									</if>	
										</volist>
        
          
        </ul>
    </div>